<template>
    <div class="formBox">
        <t-form ref="form" :model="pagination" label-width="98">
            <t-row>
                <t-col>
                    <t-form-item label="护理项目名称：" name="name">
                        <t-input placeholder="请输入内容" v-model="pagination.name" class="form-item-content" type="search"
                            clearable @clear="nameReset('name')" />
                    </t-form-item>
                </t-col>
                <t-col>
                    <t-form-item label="状态：" name="status">
                        <t-select clearable v-model="pagination.status" placeholder="请输入内容" >
                            <t-option v-for="(item, index) in statusData" :key="index" :value="item.id" :label="item.value"
                                title="" />
                        </t-select>
                    </t-form-item>
                </t-col>
                <t-col class="searchBtn">
                    <button type="button" class="bt-grey wt-60" @click="allReset()">重置</button>
                    <button type="button" class="bt wt-60" @click="searchAll()">搜索</button>
                </t-col>
            </t-row>
        </t-form>

    </div>
</template>

<script setup lang="ts">

import { ref } from 'vue';
import { statusData } from '@/utils/commonData'
const form = ref(null);
defineProps({
    pagination: {
      type:Object,
      default: () => {
            return {}
        }
    }
})

const emits=defineEmits(['allReset','searchAll','nameReset']);


const pageDate = ref({
    name: '',
    status: 0
});


const nameReset= (val) =>{
    emits('nameReset',val)
};

const searchAll = () => {
    emits('searchAll')
};
const allReset = () => {
    
    emits('allReset')
  
};

</script>